<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录 - Any4Chat</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/css/a4a.css">
</head>
<body class="login-page">
    <div class="login-container">
        <div class="login-header">
            <h1 class="neon-text">Any4Chat</h1>
            <p>智能AI客服辅助系统</p>
        </div>
        
        <form class="layui-form login-form" id="loginForm">
            <div class="layui-form-item">
                <i class="fas fa-user form-icon"></i>
                <div class="layui-input-block">
                    <input type="text" name="username" lay-verify="required" placeholder="用户名" class="layui-input">
                </div>
            </div>
            
            <div class="layui-form-item">
                <i class="fas fa-lock form-icon"></i>
                <div class="layui-input-block">
                    <input type="password" name="password" lay-verify="required" placeholder="密码" class="layui-input">
                </div>
            </div>
            
            <div class="layui-form-item">
                <button class="layui-btn login-btn" lay-submit lay-filter="login">
                    <i class="fas fa-sign-in-alt"></i> 登录
                </button>
            </div>
        </form>
        
        <div class="login-footer">
            <p>© 2025 Any4Chat</p>
        </div>
    </div>
    
    <!-- 引入公共函数库 -->
    <script src="/static/js/index/common/api-service.js"></script>
    <script src="/static/js/index/common/ui-utils.js"></script>

    <!-- 引入登录控制器 -->
    <script src="/static/js/index/login.js"></script>

    <!-- 引入第三方库 -->
    <script src="/static/layui/layui.js"></script>
</body>
</html>